<template>
	<view class="nomore-box">
		<view v-if="list.length<1" class="empty_view">
		  <image src="/static/images/commission/commission-empty.png" class="empty_img" />
		  <view class="tit">{{noDataTxt}}</view>
		</view>
		<view v-if="nomore&&list.length>0" class="nomore">{{nomoreTxt}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
    props:{
      list: {
        type: Array,
        default() {
          return []
        }
      },
      //没有更多数据的展示
      nomore: {
        type: Boolean,
        default: true
      },
      nomoreTxt:{
        type: String,
        default: '暂无更多数据~'
      },
      noDataTxt:{
        type: String,
        default: '暂无任何内容~'
      }
    },
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.nomore{
    text-align: center;
    color: #999;
    padding: 20rpx;
}
.nomore-box{
  .empty_view{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-80%);
    margin-top: 0rpx;
    .empty_img{
        width: 240rpx;
        height: 240rpx;
    }
    .tit{
        color: #666;
        margin-top: 10rpx;
        text-align: center;
        font-size: 28rpx;
    }
  }
}
</style>
